:root {
  --border-color: rgb(208, 206, 221);
  --ui-background: rgb(165, 159, 216);
}

.minimalisticgradient #openblock * {
  scrollbar-color: rgb(165, 159, 216) rgb(208, 206, 221);
}
.minimalisticgradient #openblock .blocklyScrollbarHandle {
  fill: rgb(86, 75, 185);
}
.minimalisticgradient #openblock a {
  color: white;
}
.minimalisticgradient #openblock a.addBtn {
  color: white;
}
.minimalisticgradient #openblock .ivu-collapse-content {
  color: white;
}
.minimalisticgradient #openblock .ivu-btn {
  color: white;
}
.minimalisticgradient
  .ivu-collapse
  > .ivu-collapse-item
  > .ivu-collapse-header {
  color: white;
}
.minimalisticgradient #openblock input[type="text"],
.minimalisticgradient #openblock textarea {
  background-color: #eee;
  color: #400664;
}
.minimalisticgradient #openblock .siderPanel {
  color: #eee;
}

.minimalisticgradient .assetProperty {
  color: black;
}
.minimalisticgradient .ivu-card-head p,
.ivu-card-head-inner {
  font-weight: bold;
  color: white;
}
.minimalisticgradient .statelist {
  color: white;
}
.minimalisticgradient #leftsider-flyout > div {
  border-radius: 0 5px 5px 0;
  background-color: var(--ui-background);
}

.minimalisticgradient #leftsider-flyout > div * {
  background-color: var(--ui-background);
}
.minimalisticgradient #leftsider-flyout > div .ivu-btn-error,
.minimalisticgradient #leftsider-flyout > div .ivu-btn-error * {
  background-color: #ed4014;
}
.minimalisticgradient .ivu-card-bordered {
  border: 1px solid var(--border-color);
  border-color: var(--border-color);
}
.minimalisticgradient .ivu-card-head {
  border-bottom: 1px solid var(--border-color);
}

.minimalisticgradient
  .ivu-collapse
  > .ivu-collapse-item.ivu-collapse-item-active
  > .ivu-collapse-header {
  border-bottom: 1px solid var(--border-color);
}
.minimalisticgradient .ivu-collapse {
  background-color: var(--border-color);
  border-radius: 3px;
  border: 1px solid var(--border-color);
}

.minimalisticgradient .tabContent {
  height: calc(100vh - 89px);
}

.minimalisticgradient #header {
  background: linear-gradient(
    to right top,
    rgb(81, 90, 110),
    rgb(64, 40, 159) 50%,
    rgb(64, 40, 159) 90%,
    rgb(255, 255, 255)
  );
}
.minimalisticgradient #side1 {
  background: linear-gradient(to bottom, rgb(81, 90, 110), rgb(200, 145, 170));
}

.minimalisticgradient #mainContent {
  background: linear-gradient(
    to bottom left,
    rgb(64, 40, 159),
    rgb(81, 90, 110),
    rgb(200, 145, 170)
  );
}
.minimalisticgradient #contentTabs > div > div.ivu-tabs-bar {
  padding-left: 15px;
}
.minimalisticgradient #contentTabs > .ivu-tabs > .ivu-tabs-bar {
  border: none;
  margin-bottom: 0;
}
.minimalisticgradient
  #contentTabs
  > div
  > div.ivu-tabs-bar
  > div
  > div
  > div
  > div
  > div.ivu-tabs-tab {
  background-color: #c5d3d7;
  color: #4f4f4f;
  border-radius: 5px;
  border-top: 1px solid #2d8cf0;
  border-right: 1px solid #000;
}
.minimalisticgradient
  #contentTabs
  > div
  > div.ivu-tabs-bar
  > div
  > div
  > div
  > div
  > div.ivu-tabs-tab.ivu-tabs-tab-active.ivu-tabs-tab-focused {
  background-color: #dde6ff;
  color: black;
}
.minimalisticgradient
  #contentTabs
  > div
  > div.ivu-tabs-bar
  > div
  > div
  > div
  > div
  > div.ivu-tabs-tab.ivu-tabs-tab-active.ivu-tabs-tab-focused
  > div
  > i.ivu-icon.ivu-icon-ios-close {
  font-size: 14px;
}

.minimalisticgradient .dataViewer {
  color: black;
}
.minimalisticgradient .dataViewer tbody {
  color: black;
}

.minimalisticgradient #openblock thead tr {
  background-color: #aac8f5bb;
}

.minimalisticgradient tr:nth-child(even) {
  background-color: #e8ebffbb;
}
.minimalisticgradient tr:nth-child(odd) {
  background-color: #b7cef4cc;
}

.minimalisticgradient .assetInfo,
.minimalisticgradient .assetInfo > * {
  background-color: white;
}
